<template>
	<view class="teamPerformance" >
		<view class="item c-c77eb5" @click="openmy">
			<view class="num">{{dataForm.order_money}}</view>
			<view class="title">个人业绩</view>
		</view>
		<view class="item c-426ab3" @click="openteam">
			<view class="num">{{dataForm.level_money}}</view>
			<view class="title">下级业绩</view>
		</view>
		<view class="item c-94d6da" @click="openpeople">
			<view class="num">{{dataForm.level_num}}</view>
			<view class="title">下级人数</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				dataForm:{}
			}
		},
		onLoad(){
			this.$loading()
			this.$resPost('GetSubordinateUsersInfo').then(res=>{
				this.dataForm = res.data[0]
				this.$hide()
			})
		},
		methods:{
			openmy(){
				this.$to(`/package/user/my-shop/teamPerformance/myPerformance/index?id=${this.dataForm.pk_id}`)
			},
			openteam(){
				let id = ''
				if (this.dataForm.level_id) {
				   id = this.dataForm.level_id
				}
				this.$to(`/package/user/my-shop/teamPerformance/team/index?id=${id}`)
			},
			openpeople(){
				this.$to(`/package/user/my-shop/teamPerformance/people/index?id=${this.dataForm.pk_id}`)
			}
		}
	}
</script>
<style>
	page{
		background-color: #F5F5F5;
	}
</style>
<style lang="scss" scoped>
	.teamPerformance{
		padding: 80rpx 26rpx 0;
		display: flex;
		align-items: center;
		flex-direction: column;
		.c-c77eb5{
			background-color: #c77eb5;
		}
		.c-426ab3{
			background-color: #426ab3;
		}
		.c-94d6da{
			background-color:#94d6da;
		}
		.item{
			width: 600rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			border-radius: 30rpx;
			padding: 20rpx;
			margin-top: 60rpx;
			color: #fff;
			.num{
				font-size: 48rpx;
				margin-bottom: 20rpx;
			}
			.title{
				font-size: 36rpx;
			}
		}
		
	}
</style>
